<template>
  
  <!-- 底部菜单 --> 
  <div class="w-full h-20 fixed bottom-0 left-0 bg-white border-t border-gray-200 flex justify-around items-center">
    <RouterLink to="/index" class="flex flex-col items-center text-gray-400 select-none cursor-pointer">
      <font-awesome-icon icon="home" class="text-lg sm:text-xl" />
      <span class="text-xs sm:text-sm">首页</span>
    </RouterLink>

    <RouterLink to="/BusinessList" class="flex flex-col items-center text-gray-400 select-none cursor-pointer">
      <font-awesome-icon icon="compass" class="text-lg sm:text-xl" />
      <span class="text-xs sm:text-sm">发现</span>
    </RouterLink>

    <RouterLink to="/orders" class="flex flex-col items-center text-gray-400 select-none cursor-pointer">
      <font-awesome-icon icon="file" class="text-lg sm:text-xl" />
      <span class="text-xs sm:text-sm">订单</span>
    </RouterLink>

    <RouterLink to="/profile" class="flex flex-col items-center text-gray-400 select-none cursor-pointer">
      <font-awesome-icon icon="user" class="text-lg sm:text-xl" />
      <span class="text-xs sm:text-sm">我的</span>
    </RouterLink>
  </div>
</template>

<script setup>

</script>